<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>landing</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="/scs_activity/Public/assets/css/amui.all.min.css">
    <link rel="stylesheet" href="/scs_activity/Public/assets/css/app.css">
    <style>
        .head-fixed {
            padding-top: 50px;
        }
        .head {
            margin-bottom: 0;
            width: 100%;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
        }
        .get {
            background: #1E5B94;
            color: #fff;
            text-align: center;
            padding: 100px 0;
        }

        .get-title {
            font-size: 200%;
            padding: 20px;
            display: inline-block;
        }
        .get-btn {
            background: #fff;
        }
        .detail {
            background: #fff;
        }

        .detail-h2 {
            text-align: center;
            font-size: 150%;
            margin: 40px 0;
        }

        .detail-h3 {
            color: #1f8dd6;
        }

        .detail-p {
            color: #7f8c8d;
        }

        .detail-mb {
            margin-bottom: 30px;
        }

        .hope {
            background: #0bb59b;
            padding: 50px 0;
        }

        .hope-img {
            text-align: center;
        }

        .hope-hr {
            border-color: #149C88;
        }

        .hope-title {
            font-size: 140%;
        }

        .about {
            background: #fff;
            padding: 40px 0;
            color: #7f8c8d;
        }

        .about-color {
            color: #34495e;
        }

        .about-title {
            font-size: 180%;
            padding: 30px 0 50px 0;
            text-align: center;
        }

        .footer p {
            color: #7f8c8d;
            margin: 0;
            padding: 15px 0;
            text-align: center;
            background: #2d3e50;
        }
    </style>
</head>
<body class="head-fixed">

<header id="amz-header" class=" head">
    <div class="amz-container am-cf">
        <h1>
            <a href="#">SCS Activity</h1>
        <nav>
            <ul class="amz-header-nav am-collapse">
                <!--<li >
                <a href="/customize">Customize</a>
              </li>
              -->
                <div class="am-topbar-right">
                    <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm" id="login-confirm-toggle">
                        <span class="am-icon-user"></span>
                        登录
                    </button>
                </div>
            </ul>
        </nav>



    </div>
</header>
<div class="get">
    <div class="am-g">
        <div class="col-lg-12">
            <h1 class="get-title">软件学院活动管理网站</h1>
            <p>
                期待你的参与，共同管理学生活动
            </p>
        </div>
    </div>
</div>
<br>
<div class="detail">
    <hr>
    <div class="am-g am-container">
        <div class="col-lg-12">
            <h2 class="detail-h2">期待和你一起去实现!</h2>

            <div class="am-g">
                <div class="col-lg-3 col-md-6 col-sm-12 detail-mb">

                    <h3 class="detail-h3">
                        <i class="am-icon-send-o am-icon-sm"></i>
                        项目申报
                    </h3>

                    <p class="detail-p">
                        世界這麼多人，跟一個人在一起的幾率只是七十億分之一而已！ 這個七夕情人節 祝大家好好珍惜緣分！
                    </p>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 detail-mb">
                    <h3 class="detail-h3">
                        <i class="am-icon-child am-icon-sm"></i>
                        人员管理
                    </h3>

                    <p class="detail-p">
                        #等一个人咖啡# 续“那些年”纯真浪漫】由@九把刀@柴智屏Angie 联合监制的电影《等一个人咖啡》，已确定近期将在内地上映。《等》是继《那些年》后九把刀“爱情三部曲”系列第二部，片方首次曝光该片概念版海报和先导预告，主打纯真浪漫的风格
                    </p>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 detail-mb">
                    <h3 class="detail-h3">
                        <i class="am-icon-check-square-o am-icon-sm"></i>
                        经费管理
                    </h3>

                    <p class="detail-p">
                        王力宏（Leehom Wang）,华语流行男歌手、音乐制作人、指挥家、编剧、演员、导演。其通晓英语、中文、法语、日语，略通韩语、粤语、客家语和闽南语。他不但会演奏多种乐器，还担当自己大部分作品的制作人。从《龙的传人》中融合DJ电子乐节奏的华人流行嘻哈摇滚风，到自己开创出的chinked-out华人新曲风，其音乐融合中国风和西式嘻哈。
                    </p>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12 detail-mb">
                    <h3 class="detail-h3">
                        <i class="am-icon-mobile am-icon-sm"></i>
                        移动支持
                    </h3>

                    <p class="detail-p">
                        如果面前有陰影，那是因為太陽就在你身後。共勉之！
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm login-confirm-form" tabindex="-1" id="login-confirm">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">登陆</div>
        <form class="am-form am-form-horizontal am-modal-bd"  action="/scs_activity/index.php/Home/Login/loginAction" id="login-form" method="post">
            <div class="am-form-group">
                <label for="doc-ipt-3" class="col-sm-3 am-form-label">用户名</label>
                <div class="col-sm-9">
                    <input type="text" id="doc-ipt-3" placeholder="输入你的用户名" name="user_id"  id="user_id"></div>
            </div>

            <div class="am-form-group">
                <label for="doc-ipt-pwd-2" class="col-sm-3 am-form-label">密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
                <div class="col-sm-9">
                    <input type="password" id="doc-ipt-pwd-2" placeholder="输入一个密码吧" name="pwd" id="pwd"></div>
            </div>

        </form>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>
<footer class="footer">
    <p>&copy; 2014 <a target="_blank" href="#">TJUSCS</a> Licensed under <a target="_blank" href="http://scs.tju.edu.cn/">School of Computer Software</a>. Designed by Jungle King.</p>
</footer>
<script src="/scs_activity/Public/assets/js/zepto.min.js"></script>
<script src="/scs_activity/Public/assets/js/amui.min.js"></script>
<script>

    Zepto(function($) {
        $("#latest_pro").hide();
        $("#news").hide();
        /*  $('#in_title a:last').on('click',function(){
         console.log($('#in_title a:last'));
         });*/
        $('#in_title a').click(function (e) {
            e.preventDefault();
            $(this).parent().parent().find("li").removeClass("am-active");
            $(this).parent().addClass("am-active");
            $(".tab-content").find(".tab-pane").removeClass("am-animation-fade").hide();
            $(".tab-content").find("#"+$(this).attr('href')).addClass("am-animation-fade").show();
        })

    });

    Zepto(function($) {
        $('#login-confirm-toggle').on('click', function() {
            $('#login-confirm').modal({
                relatedElement: this,
                onConfirm: function() {
                    console.log('你是猴子派来的逗比!');
                    if($("#user_id").val()!=""&&$("#pwd").val()!=""){
                        $("#login-form").submit();
                    }else{
                        alert("请填写内容");
                    }
                },
                onCancel: function() {
                    console.log('你不确定是不是猴子派来的逗比!')
                }
            });
        });
    });
    $('#login-confirm-toggle').click(function () {
        var $btn = $(this)
        $btn.button('loading');
        setTimeout(function(){
            $btn.button('reset');
        }, 3000);
    });

</script>
</body>
</html>